/**
 * VUEshop
 * ============================================================================
 * * 版权所有 2015-2027 深圳搜豹网络科技有限公司，并保留所有权利。
 * 网站地址: http://www.vueshop.com.cn
 * ----------------------------------------------------------------------------
 * 这不是一个自由软件！您只能在不用于商业目的的前提下对程序代码进行修改和使用 .
 * 不允许对程序代码以任何形式任何目的的再发布。
 * ============================================================================
 * $Author: soubao-java 2020-07-22 $
 */<template>
	<div>
		<div>
			<div class="fixed-bar">
				<div class="item-title">
					<a class="back" href="javascript:history.back(-1)" title="返回列表">
						<i class="fa fa-arrow-circle-o-left"></i>
					</a>
					<div class="subject">
						<h3>举报管理 - 处理举报</h3>
						<h5>商城设置举报类型及处理被举报商品</h5>
					</div>
				</div>
			</div>
			<div>
				<p style="font-size:20px">举报信息</p>
				<hr>
			</div>
			<form :model="form" class="form-horizontal" id="handleposition" method="post">
				<div class="ncap-form-default">
					<dl class="row">
						<dt class="tit">
							<p>被举报商家:</p>
						</dt>
						<dd class="opt">
							{{form.expose_store_name}}
						</dd>
					</dl>
					<dl class="row">
						<dt class="tit">
							<p>举报证据:</p>
						</dt>
						<dd class="opt">
							<img :src="form.expose_pic" width="40" height="30" />
						</dd>
					</dl>
					<dl class="row">
						<dt class="tit">
							<label>商品名称</label>
						</dt>
						<dd class="opt">
							{{form.expose_goods_name}}
						</dd>
					</dl>
					<dl class="row">
						<dt class="tit">
							<p>举报类型:</p>
						</dt>
						<dd class="opt">
							{{form.expose_type_name}}
						</dd>
					</dl>
					<dl class="row">
						<dt class="tit">
							<p>举报主题:</p>
						</dt>
						<dd class="opt">
							{{form.expose_subject_name}}
						</dd>
					</dl>
					<dl class="row">
						<dt class="tit">
							<p>相关订单号:</p>
						</dt>
						<dd class="opt">
							{{form.expose_order_sn}}
						</dd>
					</dl>
					<dl class="row">
						<dt class="tit">
							<label>违规描述</label>
						</dt>
						<dd class="opt">
							<textarea v-model="form.expose_content" placeholder="" name="description" rows="6" class="tarea"></textarea>
						</dd>
					</dl>

					<dl class="row">
						<dt class="tit">
							<label>
								处理结果
							</label>
						</dt>
						<dd class="opt">
							<el-radio-group v-model="form.expose_handle_type">
								<el-radio :label="1">无效举报--商品会正常销售</el-radio><br />
								<el-radio :label="2">恶意举报--该用户的所有未处理举报将被取消</el-radio><br />
								<el-radio :label="3">有效举报--商品将违规下架</el-radio>
							</el-radio-group>
						</dd>
					</dl>
					<dl class="row">
						<dt class="tit">
							<label>处理信息</label>
						</dt>
						<dd class="opt">
							<textarea v-model="form.expose_handle_msg" placeholder="" name="description" rows="6" class="tarea"></textarea>
						</dd>
					</dl>


					<div class="bot">
						<a @click="onSubmit()" class="ncap-btn-big ncap-btn-green">确认提交</a>
					</div>
				</div>
			</form>
		</div>
	</div>
</template>

<script>
	import {
		updateExpostType,
		getExposeType
	} from "@/utils/api";
	export default {
		data() {
			return {
				form: {},
			};
		},
		created() {
			this.getExpose();
		},
		methods: {
			onSubmit() {
				var that = this;
				updateExpostType(that.form).then(function(res) {
					if (res.status == 1) {
						that.$message({
							message: "保存成功",
							type: "success",
							onClose: function() {
								that.$router.push({
									name: "expose"
								});
							}
						});
					} else {
						that.$message.error("保存失败");
					}
				});
			},
			getExpose() {
				var that = this;
				getExposeType({
					expose_id: this.$route.params.id
				})
				.then(function(res) {
					that.form = res;
				});
			}
		}
	};
</script>

<style scoped>
</style>
